import styled from "styled-components";
import style from '../../../assets/Global-style';

export const CardContainer = styled.div`
    
    margin:auto;
    width:90%;
    
    
    .cardContain{
        margin-top:.6rem;
        width:100%;
    }
    .showInfo{
        width:100%;
        border-bottom: 1px solid #bdcbdf;
        .show{
        margin:1.5rem 0% 0 0;
        font-size:0.9rem;
        font-weight:400;
        }
        .text{
            margin:1rem 0 1rem 0;
            font-size:1.25rem;
            font-weight:700;
        }
        .price{
           width:100%;
           margin-bottom:1rem;
           .money{
               display:inline-block;
               font-weight:700;
           }
           .mid{
               display:inline-block;
                color:#bdcbdf;
                
                margin: 0 0.4rem 0 0.4rem
           }
           .integral{
               display:inline-block;
               font-weight:700;
           }
           
        }
    }
    .showdetails{
        width:100%;
        height:4rem;
        line-height:4rem;
        border-bottom: 1px solid #bdcbdf;
        .details_left{
            float:left;
            font-weight:700;
        }
       
        .details_right{
            display:flex;
            float:right;
           
            
            .box_border{
            margin-top:1.6rem;
            margin-right:0.5rem;
            margin-left:0.3rem;
            border-bottom: 0.2rem solid #1f252f;
            border-right: 0.2rem solid #1f252f;
            transform:rotate(-45deg);
            height: .5rem;
            width:.5rem;
           
            /* display:inline-block; */

            }
        }
     
    }

    
`